<template>
	<view class="service flex-around">
		<view v-for="item in list" :key="item.text">
			<u-image :src="item.icon" width="117rpx" height="117rpx"></u-image>
			<view class="text">
				{{ item.text }}
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			list: [
				{
					text: '续课',
					icon: this.$https.assetsPath + 'f58e3cad39a254065bfcd8e45592aea016ffd765.png'
				},
				{
					text: '请假',
					icon: this.$https.assetsPath + '5e1634c01929d5b2986f852cf5330d3d1b82afb1.png'
				},
				{
					text: '预约',
					icon: this.$https.assetsPath + '88698e69be505197587bb4c95edfb1f22c54b72c.png'
				},
			]
		}
	},
}	
</script>

<style lang="scss" scoped>
.service {
	margin-top: 30rpx;
	
	.text {
		margin-top: 20rpx;
		font-size: 28rpx;
		color: #333333;
		text-align: center;
	}
}
</style>